<!DOCTYPE html>
<form class="row-fluid movimiento-update" action="movimientos/update/{$movimiento->id}/" enctype="multipart/form-data" method="post">
    
    <div class="row-fluid">        
        {include file="messages.html"}
    </div>
    
    <div class="row-fluid">
        <div class="span4">
            <input id="tipo_movimiento" name="tipo_movimiento" type="hidden" value="1" />

            {if (1)}
<label for="cantidad">Cantidad</label>
<input id="cantidad" name="cantidad" type="number" value="{$movimiento->cantidad}" placeholder="" step="any" />
{/if}
            <label >Almacén</label>

            {if (true)}
<select name="almacen">
	<option value="0">Seleccione una opción</option> 
{foreach from=$almacenes item="almacen"}
	
	{if ($movimiento->almacen->id == $almacen->id)}
		<option value="{$almacen->id}" selected="selected">{$almacen->descripcion}</option>
	{else}
		<option value="{$almacen->id}">{$almacen->descripcion}</option>
	{/if}

{/foreach}
</select>
{/if}            
        </div>
        
        <div class="span4">
            {if (true)}
<label for="codigo-producto">Código</label>
<input id="codigo-producto" name="codigo-producto" type="text" value="{if $movimiento->producto->ean13 eq ""}{$movimiento->producto->codigo_interno}{else}{$movimiento->producto->ean13}{/if}" placeholder="EAN-13 o código interno"  />
{/if}
            {if (true)}
<label for="descripcion">Descripción</label>
<input id="descripcion" name="descripcion" type="text" value="{$movimiento->producto->descripcion}" placeholder="" style="disabled" disabled="disabled" />
{/if}
        </div>
            
        {if ($movimiento->producto->loteable eq 0)}
        <div class="span4 loteable" style='display:none'>
        {else}
        <div class="span4 loteable">
        {/if}        
            {if (true)}
<label for="codigo-lote">Lote</label>
<input id="codigo-lote" name="codigo-lote" type="text" value="{$movimiento->lote->codigo}" placeholder=""  />
{/if}
            {if (true)}
<label for="fecha-vencimiento">Fecha de vencimiento</label>
<input id="fecha-vencimiento" name="fecha-vencimiento" type="date" value="{$movimiento->lote->fecha_vencimiento}" placeholder=""  />
{/if}
        </div>
    </div>
    
    <div class="form-actions">
        <button id="" name="" type="submit" class="btn btn-primary btn-actualizar-movimiento" disabled="disabled">Actualizar</button>

        <button id="" name="" type="button" class="btn btn-danger cancelar-actualizar-movimiento" data-movimiento="{$movimiento->id}">Cancelar</button>

    </div>
    
</form>

<script>
    
    function desactivarActualizacion() {
		jQuery('.btn-actualizar-movimiento').attr('disabled','disabled');    
    }
    
    function activarActualizacion() {
		jQuery('.btn-actualizar-movimiento').removeAttr('disabled');    
    }
    
    jQuery('#codigo-producto').on('change',function(e) {
        jQuery.ajax({
                url: 'productos/detalle/'+jQuery('#codigo-producto').val(),
                type: 'GET',
                dataType: 'JSON',
                success: function(data){
                    if (data.id) {
                    	jQuery('#descripcion').val(data.descripcion);
                        if (data.loteable == "1") {
                            jQuery('.loteable').show();
                        }
                        else {
                            jQuery('.loteable').hide();
                        }
                    	activarActualizacion();
                    }
                    else {
                        jQuery('#descripcion').val('ERROR');
                        jQuery('.loteable').hide();
                    }
                },
            	error: function(a,b,c){
                    alert('ERROR');
        		}
            
		});
    });
    
    jQuery('#codigo-lote').on('change',function(e) {
        jQuery('#fecha-vencimiento').attr('disabled','disabled');
        desactivarActualizacion();   
        jQuery.ajax({
                url: 'lotes/detalle/'+jQuery('#codigo-lote').val(),
                type: 'GET',
                dataType: 'JSON',
                success: function(data){
                    if (data.id != 0) {
                    	jQuery('#fecha-vencimiento').val(data.fecha_vencimiento);
                        jQuery('#fecha-vencimiento').removeAttr("disabled");
                        activarActualizacion();
                    }
                    else {
                        var d = new Date();
						var fecha = d.getFullYear() + '-' + ("0"+(d.getMonth() + 1)).slice(-2) + '-' + ("0"+d.getDate()).slice(-2);
                        jQuery('#fecha-vencimiento').val(fecha);
                        jQuery('#fecha-vencimiento').removeAttr("disabled");
                        activarActualizacion();
                    }
                },
            	error: function(a,b,c){
                    alert('ERROR');
        		}
            
		});
    });
    
    jQuery('.cancelar-actualizar-movimiento').on('click', function(event) {
        event.preventDefault();
        event.stopPropagation();
        
        var rowSelector = jQuery(this).attr('data-movimiento');
        var jQForm = jQuery(this).parent().parent();
        
        jQForm.fadeOut( function() { jQForm.remove(); });
        jQuery("tr[data-movimiento-id="+rowSelector+"]").show();
    });
</script>